<template>
  <div class="table-head">
    <a-card :bordered="false" :header-style="{ padding: '0 12px' }">
      <template #title> {{ t["闪灯记录"] }} </template>

      <a-form
        :model="{}"
        :wrapper-col-props="{ span: 4 }"
        :label-col-props="{ span: 2 }"
        label-align="left"
        auto-label-width
      >
        <a-row :gutter="12">
          <a-col :span="6">
            <a-form-item :label="t['标签代码']">
              <a-input v-model="query.tagCode" allow-clear :placeholder="t['请输入标签编号']" />
            </a-form-item>
          </a-col>
          <a-col :span="6">
            <a-form-item :label="t['站点编号']">
              <a-input v-model="query.stationNum" allow-clear :placeholder="t['请输入站点编号']" />
            </a-form-item>
          </a-col>
          <a-col :span="6">
            <a-button @click="list">{{ t["刷新"] }}</a-button>
            <a-button type="primary" @click="list">{{ t["查询"] }}</a-button>
          </a-col>
        </a-row>
      </a-form>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { list } from "../../data/curd";
import { query } from "../../data/table";

const t = translate("公共模块");
</script>

<style lang="scss" scoped>
:deep(.arco-card-header) {
  border: none;
}
</style>
